require(['jquery','template','bootstrapPaginator','bootstrapValidator', 'jqueryFileupload'],function ($,template) {
    $(function () {
        // 1.数据通过ajax动态生成
        var page = 1, pageSize = 5
        function render() {
            $.ajax({
                url: '/category/querySecondCategoryPaging',
                type: 'get',
                data: {
                    page: page,
                    pageSize: pageSize
                },
                success: function (info) {
                    $('tbody').html(template('tmp', info))
                    // 2.分页
                    $(".page_box ul").bootstrapPaginator({
                        bootstrapMajorVersion: 3,
                        currentPage: page,
                        totalPages: Math.ceil(info.total / info.size),
                        size: "normal",
                        onPageClicked: function (a, b, c, p) {
                            page = p
                            render()
                        }
                    });
                }
            })
        }
        render()
    
        // 2.点击`添加分类`按钮
        $('.btn-addCategory').on('click', function () {
            $('#addCategory_model').modal('show')
            // 3.渲染模态框的一级目录
            $.ajax({
                url: '/category/queryTopCategoryPaging',
                type: 'get',
                data: {
                    page: 1,
                    pageSize: 100
                },
                success: function (info) {
                    $('.dropdown-menu').html(template('tmp2', info))
                }
            })
        })
    
        // 4.选择一级目录
        $('.dropdown-menu').on('click', 'a', function () {
            $('.first-category-text').html($(this).html())
            $('[name="categoryId"]').val($(this).data('id'))
            $("form").data('bootstrapValidator').updateStatus('categoryId', 'VALID')
    
        })
    
        // 5.检验表单
        $('form').bootstrapValidator({
            excluded: [],
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                categoryId: {
                    validators: {
                        notEmpty: {
                            message: '请选择一级分类'
                        }
                    }
                },
                brandName: {
                    validators: {
                        notEmpty: {
                            message: '请填写二级分类名称'
                        }
                    }
                },
                brandLogo: {
                    validators: {
                        notEmpty: {
                            message: '请上传图片'
                        }
                    }
                }
            }
        })
    
        // 6.文件上传
        $("#pic1").fileupload({
            //e：事件对象
            //data：图片上传后的对象，通过e.result.picAddr可以获取上传后的图片地址
            done:function (e, data) {
                $('#brandLogo').val(data.result.picAddr)
                $("form").data('bootstrapValidator').updateStatus('brandLogo', 'VALID')
                $('#img-logo').attr('src', data.result.picAddr)
            }
        });
    
        // 7.点击确定按钮
        $("form").on('success.form.bv', function (e) {
            e.preventDefault();
            //使用ajax提交逻辑
            $.ajax({
                url: '/category/addSecondCategory',
                type: 'post',
                data: $('form').serialize(),
                success: function (info) {
                    if (info.success) {
                        page = 1
                        render()
                        $('#addCategory_model').modal('hide')
                        $("form").data('bootstrapValidator').resetForm(true)
                        $('.first-category-text').html('请选择一级分类')
                        $('#img-logo').attr('src', './images/none.png')
                    }
                }
            })
        });
    })
})